<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Error</title>
    <style>
        html {
            margin: 0;
            padding: 0;
            background-color: white;
        }
        body,
        html {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        #svgContainer {
            width: 640px;
            height: 512px;
            background-color: white;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
    </style>
</head>
<body>
<script type="text/javascript" th:src="@{/static/error/bodymovin.js}"></script>
<script type="text/javascript" th:src="@{/static/error/data.js}"></script>

<div id="svgContainer" style="margin-top: 10px;"></div>
<script type="text/javascript">
    var svgContainer = document.getElementById('svgContainer');
    var animItem = bodymovin.loadAnimation({
        wrapper: svgContainer,
        animType: 'svg',
        loop: true,
        animationData: JSON.parse(animationData)
    });
</script>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
<p th:text="${error}" style="letter-spacing: 5px;position:absolute;left: 42%;top: 70%;height: 60px;line-height: 60px;margin: 0 auto;font-size: 60px;font-family: '华文行楷';color: #000;"></p>
</body>
</html>